<!DOCTYPE html>
<html lang="en">
<head>
	<title></title>
	<meta charset="utf-8" />
	
	<link rel="stylesheet" type="text/css" href="css/jquery-ui-1.8.9.css" />
	<link rel="stylesheet" type="text/css" href="css" />
	
	<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.9.min.js"></script>
	<script type="text/javascript" src="js/tree.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
</head>

<body>
	<div id="throbber">Please wait...</div>
	<ul id="menu">
		<li>
			<a href="javascript:void(0)">File</a>
			<ul>
				<li class="sub">
					<a href="javascript:void(0)">New</a>
					<ul>
						<li><a href="javascript:void(0)">Empty document</a></li>
						<li><a href="javascript:void(0)">From template</a></li>
					</ul>
				</li>
				<li><a href="javascript:void(0)">Logout</a></li>
			</ul>
		</li>
		<li>
			<a href="javascript:void(0)">Edit</a>
			<ul>
				<li><a href="javascript:void(0)">Copy</a></li>
				<li><a href="javascript:void(0)">Cut</a></li>
				<li><a href="javascript:void(0)">Paste</a></li>
			</ul>
		</li>
		<li>
			<a href="javascript:void(0)">Help</a>
			<ul>
				<li><a href="javascript:void(0)">Help</a></li>
				<li><a href="javascript:void(0)">Registration</a></li>
				<li><a href="javascript:void(0)">About</a></li>
			</ul>
		</li>
	</ul>
	
	<div id="sidebar-left">
		<div id="trial-explorer" class="box">
			<h1>Trial Explorer</h1>
			<ul class="tree">
				<li>
					<a href="javascript:void(0)">Trial 1</a>
					<ul>
						<li>
							<a href="javascript:void(0)">Unit 11</a>
							<ul>
								<li><a href="javascript:void(0)">Form 111</a></li>
								<li><a href="javascript:void(0)">Form 112</a></li>
								<li><a href="javascript:void(0)">Form 113</a></li>
							</ul>
						</li>
						<li><a href="javascript:void(0)">Unit 12</a></li>
						<li><a href="javascript:void(0)">Unit 13</a></li>
					</ul>
				</li>
				<li>
					<a href="javascript:void(0)">Trial 2</a>
					<ul>
						<li><a href="javascript:void(0)">Unit 21</a></li>
						<li><a href="javascript:void(0)">Unit 22</a></li>
						<li><a href="javascript:void(0)">Unit 23</a></li>
					</ul>
				</li>
				<li>
					<a href="javascript:void(0)">Trial 3</a>
					<ul>
						<li><a href="javascript:void(0)">Unit 31</a></li>
						<li><a href="javascript:void(0)">Unit 32</a></li>
						<li><a href="javascript:void(0)">Unit 33</a></li>
					</ul>
				</li>
			</ul>
		</div>
		<div id="toolbox" class="box">
			<h1>Tools</h1>
			<ul>
				<li action="table"><span class="ico">&lt;tbl&gt;</span>Table</li>
				<li action="image"><span class="ico">&lt;img&gt;</span>Image</li>
				<li action="paragraph"><span class="ico">&lt;p&gt;</span>Paragraph</li>
			</ul>
		</div>
	</div>
	<div id="sidebar-right">
		<div class="box" style="height:97%">
			<h1>Document Explorer</h1>
		</div>
	</div>
	
	<div id="document">&nbsp;</div>
</body>
</html>